<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.one{
				width: 300px;
				height: 300px;
				background: pink;
				position: relative;
			}
			
			.two{
				width: 100px;
				height: 100px;
				background: red;
				position: absolute;
				top: 20px;
				left: 50px;
				display: none;
			}
			
			
			.three{
				width: 50px;
				height: 50px;
				text-align: center;
				border: 1px solid black;
			}
			
			.one:hover .two{
				display: block;
			}
			
			.three:hover .two{
				display: block;
			}
			
			
			/*span{
				width: 20px;
				height: 20px;
				text-align: center;
				border-radius: 50%;
				display: inline-block;
				background: pink;
				color: #000;
				vertical-align: middle;
			}*/
			
			table{
				border-spacing: 20px;
			}
			
			td{
				border: 1px solid black;
			}
		</style>
	</head>
	<body>
		<div class="one">
			<div class="two"></div>
			
		</div>
		<div class="three">
			移入我
		</div>
		
		
		<span>1</span>
		
		
		<table>
			<tr>
				<td><img src="../images/赛伯乐.png"/></td>
				<td>2</td>
				<td>3</td>
			</tr>
			<tr>
				<td>4</td>
				<td>5</td>
				<td>6</td>
			</tr>
			<tr>
				<td>7</td>
				<td>8</td>
				<td>9</td>
			</tr>
		</table>
		
		<p style="font-size: 16px;" class="ona"><span style="font-size: 24px;">1800 </span>元/年起</p>
	</body>
</html>
